
<template>
<!--    <div style="padding:20px;" id="app">-->
<!--      <div >-->
<!--        <div class="panel-heading" align="center">提升机1</div>-->
<!--        <table  border="0" style="font-size: 5px; border-collapse:separate">-->

<!--          <tr>-->
<!--            <th>提升机编号</th>-->
<!--            <th>任务号反馈</th>-->
<!--            <th>工作模式反馈</th>-->
<!--            <th>命令代码反馈</th>-->
<!--            <th>校验结果反馈</th>-->
<!--            <th>作业完成反馈</th>-->
<!--            <th>提升机工作状态反馈</th>-->
<!--            <th>提升机操作方式反馈</th>-->
<!--            <th>提升机载货台状态反馈</th>-->
<!--            <th>提升机载车状态反馈</th>-->
<!--            <th>提升机执行阶段反馈</th>-->
<!--            <th>提升机当前层号反馈</th>-->
<!--            <th>提升机升降对准反馈</th>-->
<!--            <th>提升机锁定反馈</th>-->
<!--            <th>提升机故障代码</th>-->
<!--            <th>提升机完成任务号</th>-->
<!--          </tr>-->

<!--           <tbody>-->
<!--           <tr >-->
<!--             <td>{{ TSJ.no }}</td>-->
<!--             <td>{{ TSJ.rwhfk }}</td>-->
<!--             <td>{{ TSJ.gzmsfk }}</td>-->
<!--             <td>{{ TSJ.mldmfk }}</td>-->
<!--             <td>{{ TSJ.jyjgfk }}</td>-->
<!--             <td>{{ TSJ.zywcfk }}</td>-->
<!--             <td>{{ TSJ.tsjgzztfk }}</td>-->
<!--             <td>{{ TSJ.tsjczfsfk }}</td>-->
<!--             <td>{{ TSJ.tsjzhtztfk }}</td>-->
<!--             <td>{{ TSJ.tsjzcztfk }}</td>-->
<!--             <td>{{ TSJ.tsjzxjdfk }}</td>-->
<!--             <td>{{ TSJ.tsjdqchfk }}</td>-->
<!--             <td>{{ TSJ.tsjsjdzfk }}</td>-->
<!--             <td>{{ TSJ.tsjsdfk }}</td>-->
<!--             <td>{{ TSJ.tsjgzdm }}</td>-->
<!--             <td>{{ TSJ.tsjwcrwh }}</td>-->
<!--             <td>{{ TSJ.tsjwcrwms }}</td>-->
<!--             <td>{{ TSJ.tsjwcrwmldm }}</td>-->
<!--             <td >{{ TSJ.by }}</td>-->
<!--           </tr>-->

<!--           </tbody>-->

<!--        </table>-->
<!--      </div>-->
<!--    </div>-->
    <el-table
      :data="TSJ"
      border
      style="width: 100%">
      <el-table-column
        fixed
        prop="no"
        label="提升机编号"
        width="150">
      </el-table-column>
      <el-table-column
        prop="rwhfk"
        label="任务号反馈"
        width="120">
      </el-table-column>
      <el-table-column
        prop="gzmsfk"
        label="工作模式反馈"
        width="120">
      </el-table-column>
      <el-table-column
        prop="mldmfk"
        label="命令代码反馈"
        width="120">
      </el-table-column>
      <el-table-column
        prop="jyjgfk"
        label="校验结果反馈"
        width="300">
      </el-table-column>
      <el-table-column
        prop="zywcfk"
        label="作业完成反馈"
        width="120">
      </el-table-column>
      <el-table-column
        prop="tsjgzztfk"
        label="提升机工作状态反馈"
        width="100">
      </el-table-column>

      <el-table-column
        prop="tsjczfsfk"
        label="提升机操作方式反馈"
        width="100">
      </el-table-column>

      <el-table-column
        prop="tsjzhtztfk"
        label="提升机载货台状态反馈"
        width="100">
      </el-table-column>

      <el-table-column
        prop="tsjzcztfk"
        label="提升机载车状态反馈"
        width="100">
      </el-table-column>

      <el-table-column
        prop="tsjzxjdfk"
        label="提升机执行阶段反馈"
        width="100">
      </el-table-column>

      <el-table-column
        prop="tsjdqchfk"
        label="提升机当前层号反馈"
        width="100">
      </el-table-column>

      <el-table-column
        prop="tsjsjdzfk"
        label="提升机升降对准反馈"
        width="100">
      </el-table-column>

      <el-table-column
        prop="tsjsdfk"
        label="提升机锁定反馈"
        width="100">
      </el-table-column>

      <el-table-column
        prop="tsjwcrwh"
        label="提升机完成任务号"
        width="100">
      </el-table-column>

      <el-table-column
        prop="tsjwcrwms"
        label="提升机完成任务模式"
        width="100">
      </el-table-column>

      <el-table-column
        prop="tsjwcrwmldm"
        label="提升机完成任务命令代码"
        width="100">
      </el-table-column>

      <el-table-column
        prop="by"
        label="备用"
        width="100">
      </el-table-column>
    </el-table>

</template>

<script>
export default {
  // name: "table",
  created() {
    this.getlist()

  },
  data() {
    return {
      TSJ: {
        no: '',
        rwhfk: '',
        gzmsfk: '',
        mldmfk: '',
        jyjgfk: '',
        zywcfk: '',
        tsjgzztfk: '',
        tsjczfsfk: '',
        tsjzhtztfk: '',
        tsjzcztfk: '',
        tsjzxjdfk: '',
        tsjdqchfk: '',
        tsjsjdzfk: '',
        tsjsdfk: '',
        tsjgzdm: '',
        tsjwcrwh: '',
        tsjwcrwms: '',
        tsjwcrwmldm: '',
        by: ''
      }

      // defaultActive: ''
    }
  },
  methods: {
    async getlist() {
      const {data: result} = await this.$http.get("http://localhost:8848/zl/selectvalue?key=ZL:TSJ:2:")
      if (result.status !== 200) return alert("查询错误")
      var json = JSON.stringify(result.data)
      // alert(json)
      this.TSJ = result.data
      //   // if (this.TSJ.GZMSFK == 1) {
      //   //   this.TSJ.GZMSFK = "小车换层"
      //   // } else if (this.TSJ.GZMSFK == 2) {
      //   //   this.TSJ.GZMSFK = "取放托盘 "
      //   // } else if (this.TSJ.GZMSFK == 3) {
      //   //   this.TSJ.GZMSFK = "取货"
      //   // } else {
      //   //   this.TSJ.GZMSFK = "放货"
      //   // }
      //   // if (this.TSJ.MLDMFK == 1) {
      //   //   this.TSJ.MLDMFK = "到接车层"
      //   // } else if (this.TSJ.MLDMFK == 2) {
      //   //   this.TSJ.MLDMFK = "到放车层"
      //   // } else if (this.TSJ.MLDMFK == 3) {
      //   //   this.TSJ.MLDMFK = "取货A"
      //   // } else {
      //   //   this.TSJ.MLDMFK = "放货"
      //   // }
      //
      //   alert(this.TSJ)
      // websocket () {
      //   let ws = new WebSocket('ws://localhost:8848/websocket');
      //   ws.onopen = () => {
      //     // Web Socket 已连接上，使用 send() 方法发送数据
      //     console.log('数据发送中...')
      //     ws.send("ZL:TSJ:2:")
      //     console.log('数据发送完成')
      //   }
      //   ws.onmessage = evt => {
      //     evt.data
      //   }
      //   ws.onclose = function () {
      //     // 关闭 websocket
      //     console.log('连接已关闭...')
      //   }
      //   // 路由跳转时结束websocket链接
      //   this.$router.afterEach(function () {
      //     ws.close()
      //   })
      // }
      //
      // }
      // defaultActiveMenu(activeMenu){
      //   //为了实现返回之后的选中效果,应该将数据保存到第三方中sessionStory
      //   window.sessionStorage.setItem("activeMenu",activeMenu)
      //   this.defaultActive = activeMenu
      // }
    },
    times() {			//定义了一个times()方法来执行定时查询findDB()
      return setInterval(() => {			//setInterval换个名字就行了
        this.getlist()
      }, 6000)		//设置时间，这里是1分钟
    }
  },
  destroyed() {
    clearInterval(this.times)		//退出页面后销毁定时方法
  },
  mounted() {		//模板渲染之后调用的，模板渲染之前是created
    //刚进页面就能获取到findDB()中的数据
    this.getlist()
    this.times()	//加载定时任务
  }
}
</script>

<style scoped>


/*table, table tr th, table tr td {*/
/*  border: 1px solid #a8aeb2;*/
/*}*/

/*table {*/
/*  min-height: 15px;*/
/*  line-height: 15px;*/
/*  text-align: center;*/
/*  border-collapse: collapse;*/
/*}*/

</style>
